{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block main %}
    {% include "ApiCloud/Base/inc.head.html.twig" with {title:"青州永通信息工程",back:0} %}
    <div class="flrc">
        <div class="mar3"><mu-button @click="tab = 0" round plat color="" v-if="tab == 0">站点</mu-button></div>
        <div class="mar3"><mu-button @click="tab = 0" round plat color="rgba(0,0,0,0)" v-if="tab != 0">站点</mu-button></div>
        <div class="mar3"><mu-button @click="tab = 1" round plat color="" v-if="tab != 0">送审资料</mu-button></div>
        <div class="mar3"><mu-button @click="tab = 1" round plat color="rgba(0,0,0,0)" v-if="tab == 0">送审资料</mu-button></div>
    </div>
    <div v-if="list == []">
        <div class="pad30 mar10 round5 bdda c13 op7 tac">
            数据加载中
        </div>
    </div>


    <div class="fs8 lh15 op9">




        {#站点列表#}
        <div v-if="tab == 0">
            <div class="padl10 padr5 round30 bc13 marl10 marr10 mart10 flrc">
                <mu-text-field v-model="text"
                               placeholder="请输入站点名称"
                               full-width
                               solo
                >
                </mu-text-field>
                <mu-button  icon @click="search()"> <mu-icon value="search" ></mu-icon></mu-button>
            </div>
            <div class="mar10 round10 padl5 padr5 bcf c11" v-for="item in list">
                <div class="bdbso pad5 fs10 flrc">
                    <div class="flex1 list-style-1">[[item.Site_name]]</div>
                    <div>
                        {#<span class="fa fa-angle-right"></span>#}
                        {#<i class="material-icons">launch</i>#}
                        <mu-button icon @click="goto('siteInfoSum',{id:item.Site_id})">
                            <mu-icon value="launch"></mu-icon>
                        </mu-button>
                    </div>
                </div>
                <div class="bc13">
                    <mu-stepper :active-step="item.index">
                        <mu-step><mu-step-label>录入</mu-step-label></mu-step>
                        <mu-step><mu-step-label>放缆</mu-step-label></mu-step>
                        <mu-step><mu-step-label>熔接</mu-step-label></mu-step>
                        <mu-step><mu-step-label>资管</mu-step-label></mu-step>
                    </mu-stepper>
                </div>
                <div class="flrc pad5">
                    <div class="flrc flex1">
                        <div class="">所在区域：</div>
                        <div class="flex1">[[item.AreaCategory_name]]</div>
                    </div>
                    <div class="flrc flex1">
                        <div class="">负责人：</div>
                        <div class="flex1">[[item.Site_manager]]</div>
                    </div>
                </div>
                <div class="flrc pad5">
                    <div class="flrc flex1">
                        <div class="">中标单位：</div>
                        <div class="flex1">[[item.SiteCategory_name]]</div>
                    </div>
                    <div class="flrc flex1">
                        <div class="">站点编号：</div>
                        <div class="flex1">[[item.Site_sn]]</div>
                    </div>
                </div>
            </div>
        </div>
        <div v-if="tab == 1">
            <div class="padl10 padr5 round3 bc13 marl10 marr10 mart10 flrc">
                <mu-text-field v-model="textFile"
                               placeholder="请输入材料名称"
                               full-width
                               solo
                >
                </mu-text-field>
                <mu-button  icon @click="searchFile()"> <mu-icon value="search" ></mu-icon></mu-button>
            </div>
            <div>
                <mu-paper class="mar10 padl5 padr5 bcf c11 round10" :z-depth="1" v-for="item,index in files">
                    <div class="bdbso pad5 fs10 flrc">
                        <div class="flex1 list-style-1">[[item.File_name]]</div>
                        <div>
                            <mu-button icon @click="goto('fileInfoSum',{id:item.File_id})">
                                <mu-icon value="launch"></mu-icon>
                            </mu-button>
                        </div>
                    </div>
                    <div class="bc13">
                        <mu-stepper :active-step="item.index">
                            <mu-step><mu-step-label>0%</mu-step-label></mu-step>
                            <mu-step><mu-step-label>70%</mu-step-label></mu-step>
                            <mu-step><mu-step-label>90%</mu-step-label></mu-step>
                            <mu-step><mu-step-label>100%</mu-step-label></mu-step>
                        </mu-stepper>
                    </div>
                    <div class="flrc pad5">
                        <div class="flrc flex1">
                            <div class="">分类：</div>
                            <div class="flex1">[[item.FileCategory_name]]</div>
                        </div>
                    </div>
                </mu-paper>
            </div>
        </div>
    </div>
{% endblock %}
